@charset "utf-8";
/* CSS Document */
.unselectable {
    -moz-user-select:none;
    -webkit-user-select:none;
    -khtml-user-select: none;
    user-select: none;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}

*{
	padding:0;
	margin:0;
}
html {
	position: relative;
	width: 100%;
	height: 100%;
}
body {
	position: relative;
	margin: 0;
	background-color: rgb(242, 242, 242);
	width: 100%;
	height: 100%;
}
#page_background_regist_filter{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	background-color:#000;
	z-index:200;
	visibility:hidden;
}

#page_background_regist{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	z-index:201;
	visibility:hidden;
}

#background_top{
	position:relative;
	background-image:url(../ico/video_edge.png);
	background-repeat:repeat-x;
	width:100%;
	height:40px;
}
#background_center{
	position:relative;
	background-color:#000;
    z-index:10;
	width:100%;
	height:458px;
}

#background_bottom{
	position:relative;
	background-image:url(../ico/video_edge.png);
	background-repeat:repeat-x;
    z-index:9;
	width:100%;
	height:40px;
}
#outside {
	position: relative;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
    z-index:21;
	width: 1250px;
	height: 80px;
}

#login_bar{
	position:relative;
	top:20px;
	width:100px;
	left:1120px;
}
#login{
	position:absolute;
    top:0px;
    left:0px;
	width:40px;
    height:30px;
    text-align:center;
    background-repeat:repeat-x;
    padding-top:5px;
}
#user_email{
    position:relative;
    cursor:default;
    text-align:right;
    width:180px;
    height:20px;
    direction: rtl;
    left:-135px;
    padding-top:5px;
}
#user_email_word
{
    position:relative;
    color:#000;
    left:-10px;
}
#triangle{
    position:relative;
    top:-10px;
}
.down_triangle{
    overflow: hidden;
    display: block;
    background: #C1C1C1;
    height: 1px;
    position:relative;
}
.b1{
    width:6px;
}
.b2{
    width:4px;
    left:-1px;
}
.b3{
    width:2px;
    left:-2px;
}
#emailActivate_login{
	position:relative;
    top:0px;
    left:96px;
	width:40px;
    height:30px;
    text-align:center;
    background-repeat:repeat-x;
    padding-top:5px;
}
#regist{
	position:absolute;
    top:0px;
    left:50px;
	width:40px;
    height:30px;
    text-align:center;
    background-repeat:repeat-x;
    padding-top:5px;
}
#emailActivate_regist{
	position:relative;
    top:-35px;
    left:156px;
	width:40px;
    height:30px;
    text-align:center;
    background-repeat:repeat-x;
    padding-top:5px;
}
#setting{
	position:relative;
    top:-10px;
    left:0px;
	width:100px;
    height:50px;
    text-align:center;
    visibility:hidden;
    cursor:default;
}
#changePass{
    position:relative;
    top:10px;
    left:14px;
	color:#999;
    cursor:pointer;
    font: bold 12px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
}
#logout{
	position:absolute;
    top:0px;
    left:50px;
	width:40px;
    height:30px;
    text-align:center;
    background-repeat:repeat-x;
    padding-top:5px;
}
#scanlist_top{
	position:relative;
    z-index:20;
	background-image:url(../ico/video_edge.png);
	background-repeat:repeat-x;
	width:1250px;
	height:40px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#comment{
	position:absolute;
	left:50px;
	border-left:solid;
	border-right:solid;
	border-color:#CCC;
	margin:0;
	padding-left:10px;
	padding-right:10px;
}
#system_rec{
	position:absolute;
	left:457px;
    height:40px;
    background-image:url(../ico/button.png);
    width:80px;
	border-color:#CCC;
    text-align:center;
}
#logo{
	position:absolute;
	left:590px;
    top:6px;
    width:90px;
    height:30px;
}
#friend_rec{
	position:absolute;
	left:540px;
	border-right:solid;
	border-color:#CCC;
	margin:0;
	padding-left:10px;
	padding-right:10px;
}
.top_words{
    position:relative;
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
	color:rgb(242, 242, 242);
    padding-top:10px;
    height:30px;
}
#serialize{
	position:absolute;
	left:623px;;
	border-right:solid;
	border-color:#CCC;
	margin:0;
	padding-left:10px;
	padding-right:10px;
}
#favor{
	position:absolute;
	left:730px;
    height:40px;
    width:80px;
    background-image:url(../ico/button.png);
	border-color:#CCC;
    text-align:center;
}
#favlists{
    position:relative;
    width:190px;
    height:0px;
    opacity:0;
    background-color:#FFF;
    overflow:hidden;
}
#sys_rec_lists{
    position:relative;
    width:120px;
    height:0px;
    opacity:0;
    background-color:#FFF;
    overflow:hidden;
}
#lists{
    position:relative;
    top:0px;
}
.fav_list{
    height:23px;
    width:190px;
    position:relative;
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
	color:rgb(242, 242, 242);
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#666;
    background-color:#000;
    padding-top:6px;
    padding-left:5px;
    text-align:left;
}
.listname {
    height:17px;
    width:110px;
    overflow:hidden;
}
.listname_content {
    height:17px;
    width:110px;
    position:relative;
    left:0px;
}
.fav_list_watch{
    position:relative;
    height:30px;
    width:30px;
    top:-22px;
    opacity:0;
    left:120px;
    background-image:url(../ico/here.png);
}
.system_rec_list_watch{
    position:relative;
    height:30px;
    width:30px;
    top:-25px;
    opacity:0;
    left:75px;
    background-image:url(../ico/here.png);
}
.fav_list_delete{
    position:relative;
    height:30px;
    width:30px;
    top:-50px;
    opacity:0;
    left:150px;
    background-repeat:no-repeat;
    background-image:url(../ico/trash.png);
}
.fav_list_left{
    height:16px;
    width:110px;
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
	color:rgb(242, 242, 242);
    position:relative;
    /*border-style:solid;
    border-width:1px;*/
    top:-2px;
}
.fav_list_right{
    height:16px;
    width:20px;
    position:relative;
    /*border-style:solid;
    border-width:1px;*/
    left:130px;
    top:-13px;
}
#friend{
	position:absolute;
	left:1110px;
	border-left:solid;
	border-right:solid;
	border-color:#CCC;
	margin:0;
	padding-left:10px;
	padding-right:10px;
}

#scanlist_center{
    position:relative;
    z-index:10;
	background-color:#000;
	width:1250px;
	height:458px;
	margin-left:auto;
	margin-right:auto;
}

#playwindow_background_center{
	position:absolute;
	left:0px;
	background-color:#000;
	width:1250px;
	height:458px;
	z-index:0;
}

#playwindow_scanlist_center{
	position:absolute;
	left:0px;
	width:1250px;
	height:458px;
	z-index:0;
}

#removemovie{
	position:absolute;
	top:10px;
	left:1180px;
	visibility:hidden;
	z-index:0;
	cursor:pointer;
}

#playwindow_background{
	position:absolute;
	width:610px;
	height:498px;
	left:340px;
}

#scanlist{
	position: relative;
	width: 1000px;
	height: 458px;
	margin-left:auto;
	margin-right:auto;
}
#scanlist_bottom{
	position:relative;
	background-image:url(../ico/video_edge.png);
	background-repeat:repeat-x;
	width:1250px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
}

#tutorial{
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    position:relative;
    height:25px;
    width:80px;
    left:1120px;
    text-align:center;
    padding-top:5px;
    font-size:15px;
    background-repeat:repeat-x;
    cursor:pointer;
    top:45px;
}
#tutorial_background{
    position:relative;
    height:563px;
    width:1000px;
    top:70px;
    margin-left:auto;
    margin-right:auto;
}
#tutorial_close{
    height:26px;
    width:30px;
    position:relative;
    top:-550px;
    left:950px;
    cursor:pointer;
}

.registPanelClass{
	position:relative;
	width:292px;
	height:292px;
	margin-left:auto;
	margin-right:auto;
	top:150px;
	background-image:url(../ico/login_reg/regist_bg.png);
	background-repeat:no-repeat;
}

.registPanel_firstClass{
	position:relative;
	width:292px;
	height:40px
}

.registPanel_first_closebutton_backgroundClass{
	position:relative;
	width:30px,;
	height:26px;
	top:10px;
	left:260px;
	cursor:pointer;
}

.registPanel_234Class{
	position:relative;
	width:292px;
	height:72px;
	text-align:center;
}

.registPanel_23_backgroundClass{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:25px;
	width:203px;
	height:36px;
    text-align:left;
}

.registPanel_fifthClass{
	position:relative;
	width:292px;
	height:49px;
	text-align:center;
}

.registPanel_forth_buttonClass{
	position:relative;
    width:100px;
    height:40px;
    background-image:url(../ico/login_reg/button_normal.png);
    cursor:pointer;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	top:26px;
}

.registPanel_23_leftClass{
	position:relative;
	width:30px;
	height:29px;
	left:3px;
	top:4px;
}

.registPanel_23_rightClass{
	position:relative;
	width:220px;
	height:43px;
	left:-5px;
	top:-6px;
}

.registPanel_23_rightIEClass{
	position:relative;
	width:220px;
	height:43px;
	left:-5px;
	top:-6px;
}

.registPanel_23_messageClass{
	position:absolute;
	top:65px;
	left:70px;
	width:163px;
	height:12px;
	text-align:center;
}

.emailActivateClass{
	position:relative;
	width:292px;
	height:292px;
	margin-left:auto;
	margin-right:auto;
	top:150px;
	background-image:url(../ico/login_reg/email_activation_bg.png);
	background-repeat:no-repeat;
}

.emailActivate_secondClass{
	position:relative;
	top:40px;
    left:6px;
	width:287px;
	height:110px;
	text-align:center;
}

.needUser_secondClass{
	position:relative;
	top:40px;
    left:6px;
	width:287px;
	height:60px;
	text-align:center;
}

.needUser_thirdClass{
	position:relative;
	top:55px;
    left:6px;
	width:287px;
	height:100px;
	text-align:center;
}
.changePass_secondClass{
	position:relative;
	top:55px;
    left:6px;
	width:287px;
	height:40px;
	text-align:center;
}
.warningClass{
	position:relative;
	top:100px;
    left:6px;
	width:287px;
	height:40px;
	text-align:center;
}
.confirmMessageClass{
    position:relative;
    width:200px;
    height:60px;
    top:-30px;
    margin-left:auto;
    margin-right:auto;
}
.confirmThirdClass{
    position:relative;
    width:200px;
    height:60px;
    top:100px;
    margin-left:auto;
    margin-right:auto;
}
.deleteFavListConfirmClass
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:40px;
	background-image:url(../ico/login_reg/button_normal.png);
	background-repeat:no-repeat;
	top:10px;
	cursor:pointer;
    background-color:transparent; 
    border:none;
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    color:#000;
    font-size:16px;
    text-align:center;
}

.changePass_logoClass{
	position:relative;
	top:-10px;
    left:0px;
	width:287px;
	height:20px;
	text-align:center;
}
.changePass_thirdClass{
	top:70px;
	position:relative;
	width:292px;
	height:70px;
	text-align:center;
}
.changePass_input{
    height:42px;
    width:216px;
    margin-left:auto;
    margin-right:auto;
	background-image:url(../ico/login_reg/input.png);
}
.emailActivate_thirdClass{
	top:40px;
	position:relative;
	width:292px;
	height:102px;
	text-align:center;
}

.emailActivate_login_regist{
    height:100px;
}

.emailActivate_buttonClass{
	position:relative;
	margin-left:auto;
	margin-right:auto;
    background-image:url(../ico/login_reg/mail_normal.png);
    cursor:pointer;
	background-repeat:no-repeat;
    width:150px;
    height:40px;
	top:15px;
}

.loginPanel_forthClass{
	position:relative;
    top:6px;
	width:292px;
	height:20px;
}

.loginPanel_fifthClass{
	position:relative;
    top:20px;
	width:292px;
	height:102px;
	text-align:center;
}

.loginPanel_fifth_buttonClass{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:40px;
	background-image:url(../ico/login_reg/button_normal.png);
	background-repeat:no-repeat;
	top:0px;
	cursor:pointer;
    background-color:transparent; 
    border:none;
}
.changePassConfirmClass{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:40px;
	background-image:url(../ico/login_reg/button_normal.png);
	background-repeat:no-repeat;
	top:70px;
	cursor:pointer;
    background-color:transparent; 
    border:none;
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    color:#000;
    font-size:16px;
    text-align:center;
}
.loginPanel_forth_stayClass{
	position:relative;
    left:40px;
	height:18px;
    top:5px;
}
.loginPanel_forth_stayIEClass{
	position:relative;
    left:40px;
	height:18px;
    top:12px;
}

.loginPanel_forth_forgetpassClass{
    position:relative;
    left:115px;
    height:18px;
    top:3px;
}

.loginPanel_forth_forgetpassIEClass{
    position:absolute;
    top:10px;
    left:185px;
    width:80px;
    height:18px;
}
.loginPanel_forth_stay_messageClass{
    position:relative;
    height:18px;
    top:-2px;
}

.loginPanel_forth_stay_messageIEClass{
    position:relative;
    top:-15px;
    left:17px;
    width:80px;
    height:18px;
}
span {
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
	color:rgb(242, 242, 242);
}
.registButtonClass{
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    color:#000;
    font-size:16px;
}
.loginclass{
	color:#000;
    font-size:15px;
}
.messageclass{
    font-size:12px;
}
.persistlogin{
    font: normal 13px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
	color:rgb(100,100,100);
}
.emailInput{
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
	color:#AAA;
    padding-left:10px;
    padding-right:10px;
    width:195px; 
    height:40px; 
    border:none; 
    background-color:transparent; 
}
.newListNameClass{
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
	color:#AAA;
    padding-left:2px;
    padding-right:2px;
    width:80px; 
    height:20px; 
}
.emailIEInput{
    font: normal 16px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
	color:#AAA;
    padding-left:10px;
    padding-right:10px;
    width:195px; 
    height:40px; 
    border:none; 
    background-color:transparent; 
    line-height:40px;
}
.movieTitleClass{
    font: normal 14px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    left:20px;
}
